<!DOCTYPE html>

<html>
    <head>
        <title>#{get 'title' /}</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="@{'/public/stylesheets/screen.css'}" type="text/css" media="screen, projection">
		<link rel="stylesheet" href="@{'/public/stylesheets/print.css'}" type="text/css" media="print"> 
		<!--[if lt IE 8]>
		  <link rel="stylesheet" href="@{'/public/stylesheets/ie.css'}" type="text/css" media="screen, projection">
		<![endif]-->
		 <link rel="stylesheet" href="@{'/public/stylesheets/jquery-ui-1.8.13.custom.css'}" type="text/css">
        #{get 'moreStyles' /}
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}">
        <script src="@{'/public/javascripts/jquery-1.5.2.min.js'}" type="text/javascript" charset="utf-8"></script>
        <script src="@{'/public/javascripts/jquery-ui-1.8.13.custom.min.js'}" type="text/javascript" charset="utf-8"></script>
        <script>
			jQuery.fn.log = function (msg) {
			  msg = msg || "log";
			  console.log("%s: %o", msg, this);
			
			  this.each(function(n){
			    id = this.id ? "ID: "+this.id : ""
			    console.log("%d: %s.%s %s",n,this.tagName,this.className,id)
			  })
			  return this;
			};
        </script>
        #{get 'moreScripts' /}
    </head>
    <body>
        <div class="container left" >
	        <div class="span-24">
	            &nbsp;
	        </div>
	        
		        <div class="span-4">
				    &nbsp;
				</div>
				
				<div class="span-20 last">
		        #{doLayout /}
		        </div>

				
	        <div class="span-24">
		        &nbsp;
		    </div>
        </div>
    </body>
</html>
